<!DOCTYPE html>
<html>
<head>
    <title>安装点管理</title>
		<#include "/header.html">
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            <div class="form-group col-sm-1">
                <input type="text" class="form-control" v-model="q.pointName" @keyup.enter="query" placeholder="安装点名称">
            </div>
            <a class="btn btn-default" @click="query">查询</a>
			<#if shiro.hasPermission("baseinfo:lhpinstallationpoint:save")>
            <a class="btn btn-success" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
			</#if>
			<#if shiro.hasPermission("baseinfo:lhpinstallationpoint:update")>
            <a class="btn btn-success" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
			</#if>
			<#if shiro.hasPermission("baseinfo:lhpinstallationpoint:delete")>
            <a class="btn btn-success" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
			</#if>
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal">
            <div class="form-group">
                <div class="col-sm-2 control-label">安装点名称</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="lhpInstallationPoint.pointName" placeholder="安装点名称"/>
                </div>
            </div>

            <div class="form-group">
                <div class="col-sm-2 control-label">经度高德</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="lhpInstallationPoint.xgaode" placeholder="经度高德"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">纬度高德</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="lhpInstallationPoint.ygaode" placeholder="纬度高德"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">网络设备类型</div>
                <label class="radio-inline">
                    <input type="radio" name="networkDeviceType" value="0" v-model="lhpInstallationPoint.networkDeviceType"/> 串口服务器
                </label>
                <label class="radio-inline">
                    <input type="radio" name="networkDeviceType" value="1" v-model="lhpInstallationPoint.networkDeviceType"/> DTU
                </label>
            </div>
            <div  class="form-group">
                <div class="col-sm-2 control-label">网络设备IP</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="lhpInstallationPoint.networkDeviceIp" placeholder="网络设备IP"/>
                </div>
            </div>
            <div  class="form-group">
                <div class="col-sm-2 control-label">安装点编号</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="lhpInstallationPoint.pointCode" placeholder="安装点编号"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">所属路段</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="lhpInstallationPoint.waysectName" @click="waysectTree" readonly="readonly" placeholder="所属路段"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">是否有监控设备</div>
                <label class="radio-inline">
                    <input type="radio" name="hasCamera" value="0" v-model="lhpInstallationPoint.hasCamera"/> 有
                </label>
                <label class="radio-inline">
                    <input type="radio" name="hasCamera" value="1" v-model="lhpInstallationPoint.hasCamera"/> 无
                </label>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">是否有凝冰设备</div>
                <label class="radio-inline">
                    <input type="radio" name="hasNingbing" value="0" v-model="lhpInstallationPoint.hasNingbing"/> 有
                </label>
                <label class="radio-inline">
                    <input type="radio" name="hasNingbing" value="1" v-model="lhpInstallationPoint.hasNingbing"/> 无
                </label>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">状态</div>
                <label class="radio-inline">
                    <input type="radio" name="isActive" value="0" v-model="lhpInstallationPoint.isActive"/> 正常
                </label>
                <label class="radio-inline">
                    <input type="radio" name="isActive" value="1" v-model="lhpInstallationPoint.isActive"/> 禁用
                </label>
            </div>

			<div class="form-group">
                <div class="col-sm-2 control-label"></div>
                <input type="button" class="btn btn-primary" id="btnSaveOrUpdate" data-loading-text="保存中..." @click="saveOrUpdate" value="确定"/>
                <input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>
</div>

<!-- 选择路段 -->
<div id="waysectLayer" style="display: none;padding:10px;">
    <ul id="waysectTree" class="ztree"></ul>
</div>

<script src="${request.contextPath}/statics/js/modules/baseinfo/lhpinstallationpoint.js?_${.now?long}"></script>
</body>
</html>